<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML5Core</title>
</head>
<body>

HTML5Core
  1. 新表单元素
  2. 新表单验证API
  3. 多媒体处理（视频，音频）
  4. HTML5 Canvas绘图
  5. API (拖拽，Web存储)

<!-- ===================================== -->

1.1 form
    提交数据
    属性：
      method: 提交方式，常用 get Post
      action: 提交地址
      enctype: 编码方式

1.2 表单元素
    input
      text:
      password:
      radio:
      checkbox:
      file:
      submit:
      button:
      reset:
      image
      hidden

      select
      textarea

2.HTML5新表单元素（接受数据，并且能够对数据进行验证）
    input
      color : 6位16进制色数
      email
      search
      url
      tel
      number：min max step步长
      range:  min max step步长 value初始值
      date: yyyy-MM-dd
      week: 第几周
      month:
      datetime 带时区
      datetime-local

    属性
      placeholder
      required
      multiple 逗号区分多个值
      autofocus
      pattern 正则
      form (表单外元素，id)
      list (关联ID)

    元素
      datalist id 选择结果
        option -> value label
      progress 进度条
        max value
      meter 刻度
        min max value (low high optimum  数值显示不同的颜色)
      output 表示输出的值
        for


3. 面向对象OOP：
    封装
      打包.
    继承
    多态


<form action="#" id="form" method="get">
  <input type="number" min="50" max="100" step="2" title="数字"><br>
  <input type="range" min="0" max="100" step="1" value="0" title="range"><br>
  <datalist id="li">
    <option value="010" label="成都"></option>
    <option value="011" label="素材"></option>
    <option value="012" label="的的"></option>
  </datalist>
  <input type="text" list="li" pattern="^[^+]+$"><br>
  <button>submit</button>
  <br>
  <progress max="100" value="25"></progress>
  <br>
  <meter min="0" max="450" low="60" high="300" value="250"></meter>
</form>

wifi: bw4p8mt3

</body>
</html>